<template>
	<section class="todoapp">

		<MyHeader></MyHeader>

		<MyMain></MyMain>

		<MyFooter></MyFooter>

	</section>
</template>

<script>
	// 样式引入 + 导入组件并注册使用
	import MyHeader from '@/components/TodoHeader.vue'
	import MyMain from '@/components/TodoMain.vue'
	import MyFooter from '@/components/TodoFooter.vue'

	import './styles/base.css'
	import './styles/index.css'


	export default {
		components: {
			MyHeader,
			MyMain,
			MyFooter
		},

		data() {
			return {
				
			};
		}
	};
</script>
